<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 函数</title>
</head>
<body>
<h2>局部变量</h2>
<p>在 JavaScript 函数中声明的变量，会成为函数的局部变量。局部变量只能在函数内访问。</p>

<p>myFunction() 之外的 carName 未定义。</p>

<p id="demo1"></p>

<p id="demo2"></p>

<script>
  myFunction();

  function myFunction() {
    var carName = "Volvo";
    //  // 此处的代码可以使用 carName
    document.getElementById("demo1").innerHTML =
            typeof carName + " " + carName;
  }

  document.getElementById("demo2").innerHTML =
          typeof carName;
  // 此处的代码不能使用 carName
</script>

</body>
</html>